.ranklist {
  width: 74%;
  background: #eee;
  margin-left: 13%;
  box-shadow: 0px 0px 10px 0px rgb(228, 221, 221);
}
.active {
  background: #679cf6;
  color: #fff;
}
.rank_h3 {
  line-height: 74px;
  padding-left: 60px;
  background: rgba(103, 156, 246, 0.1);
}
.rank_h3_span {
  color: #ccc;
}
.rank_h3_span:hover {
  color: skyblue;
  cursor: pointer;
}
.rank_h2 {
  box-shadow: 0px 0px 10px 0px rgb(51 51 51 / 10%);
  line-height: 84px;
  padding-left: 60px;
  background: #fff;
  // padding: 10px;
}
.rank_h2 > h3 > span {
  margin-left: 10px;
  padding: 5px 15px;
  border-radius: 15px;
}
.rank_h2 > h3 > span:hover {
  background: #679cf6;
  color: #fff;
  cursor: pointer;
}
.Table {
  margin-top: 20px;
}
.rank_h1 {
  font-weight: bold;
  line-height: 60px;
  // padding-left: 60px;
  background: #fff;
  display: flex;
  span {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }
  border-bottom: 1px solid #ccc;
}
.actives {
  border-bottom: 5px solid #679cf6;
}
.ant-table-tbody {
  font-size: 17px;
}
td {
  text-align: center;
  font-size: 14px;
}
thead {
  // text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: #ccc;

  tr {
    th {
      text-align: center;
    }
  }
}
